<template>
  <div class="container-fluid bj">
    <div class="container mb_40">
      <div class="mt_25">
        首页>新闻公告
        <span class="color">健康管理师</span>
      </div>

      <el-row>
        <el-col :span="19">
          <div class="news_center mlr_30">
            <div class="dis_f">
              <div class="newstitle mt_30">七月的开始，冲刺《健康管理师》考试</div>
              <img src="../../static/image/news.png" class="ml_10 mt_38" width="26" height="25" />
              <div class="font_18 color ml_10 mt_38">健康管理师</div>
            </div>
            <!--  -->
            <div class="color_999 dis_f mt_30 border_b pb_30">
              <div>
                <i class="el-icon-view"></i>
                <span style="margin-left:4px">2323</span>
              </div>
              <div>
                <i class="el-icon-time ml_20"></i>
                <span style="margin-left:4px">2323</span>
              </div>
            </div>
            <div class="ml_30 mt_30">1111</div>
          </div>
        </el-col>
        <el-col :span="5">
          <div class="right_list mt_25">
            <div class="mrl_230 dis_f">
              <div class="xian"></div>
              <div style="margin-left:8px;font_size:15px">热门文章</div>
              <div style="margin-left:166px ;color:#A1A3A8; font_size:12px">全部</div>
            </div>
            <div class="color font_13 mrl_230">消防不难，贵在坚持！！！</div>
            <div class="color dis_f ml_30">
              <div>
                <i class="el-icon-view"></i>
                <span style="margin-left:4px">2323</span>
              </div>
              <div>
                <i class="el-icon-time ml_20"></i>
                <span style="margin-left:4px">2323</span>
              </div>
            </div>
            <!--  -->
            <div class="color_333 font_13 mrl_230">官方消息：加强护士+健康管理师人才培养已...</div>
            <div class="color_B4B4B4 dis_f ml_30">
              <div>
                <i class="el-icon-view"></i>
                <span style="margin-left:4px">2323</span>
              </div>
              <div>
                <i class="el-icon-time ml_20"></i>
                <span style="margin-left:4px">2323</span>
              </div>
            </div>
            <!--  -->
              <!--  -->
            <div class="color_333 font_13 mrl_230">官方消息：加强护士+健康管理师人才培养已...</div>
            <div class="color_B4B4B4 dis_f ml_30">
              <div>
                <i class="el-icon-view"></i>
                <span style="margin-left:4px">2323</span>
              </div>
              <div>
                <i class="el-icon-time ml_20"></i>
                <span style="margin-left:4px">2323</span>
              </div>
            </div>
            <!--  -->
             <!--  -->
            <div class="color_333 font_13 mrl_230">官方消息：加强护士+健康管理师人才培养已...</div>
            <div class="color_B4B4B4 dis_f ml_30">
              <div>
                <i class="el-icon-view"></i>
                <span style="margin-left:4px">2323</span>
              </div>
              <div>
                <i class="el-icon-time ml_20"></i>
                <span style="margin-left:4px">2323</span>
              </div>
            </div>
            <!--  -->
             <!--  -->
            <div class="color_333 font_13 mrl_230">官方消息：加强护士+健康管理师人才培养已...</div>
            <div class="color_B4B4B4 dis_f ml_30">
              <div>
                <i class="el-icon-view"></i>
                <span style="margin-left:4px">2323</span>
              </div>
              <div>
                <i class="el-icon-time ml_20"></i>
                <span style="margin-left:4px">2323</span>
              </div>
            </div>
            <!--  -->
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {}
};
</script>

<style scoped lang='less'>
.mb_40{
margin-bottom: 40px;
}
.color_333 {
  color: #333;
}
.color_B4B4B4 {
  color: #b4b4b4;
}
.ml_30 {
  margin-left: 25px;
  margin-top: 5px;
}
.font_13 {
  font-size: 13px;
}
.mrl_230 {
  margin-left: 22px;
  margin-top: 30px;
}
.xian {
  width: 2px;
  height: 22px;
  background: #ffea00;
}
.right_list {
  width: 300px;
  background: rgba(255, 255, 255, 1);
  overflow: hidden;
  padding-bottom: 20px;
}
// -----
.pb_30 {
  padding-bottom: 30px;
}
.border_b {
  width: 868px;

  border-bottom: 1px solid;
}
.color_999 {
  color: #999;
}
.news_center {
  width: 868px;
  padding-bottom: 74px;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  margin-top: 20px;
}
.color {
  color: #27a4fe;
}
.mt_25 {
  margin-top: 25px;
}
.ml_20 {
  margin-left: 20px;
}
.newstitle {
  color: #333;
  font-size: 30px;
}
.font_18 {
  font-size: 18px;
}
.ml_10 {
  margin-left: 10px;
}
.bj {
  background: #f3f3f3;
  overflow: hidden;
  padding-bottom: 34px;
}
.mt_30 {
  margin-top: 30px;
}
.mlr_30 {
  padding: 0 30px;
}
.dis_f {
  display: flex;
}
.mt_38 {
  margin-top: 38px;
}
</style>